<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>ifa-主页</title>
		<link rel="stylesheet" href="../src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../src/swiper/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="../public/css/my_style.css" />
		<link rel="stylesheet" href="../public/css/header.css" />
		<link rel="stylesheet" href="../public/css/footer.css" />
	</head>

	<body>
		<div id="app">
			<special_question></special_question>
		</div>
		<script type="text/x-template" id="special_question_template">
			<form class="form-horizontal form">
				{{allAnswers}}1{{children_data.component_data.selectedValue}}
				<template v-if='children_data.current_question.ID'>
					<form_com :parent_data="children_data"></form_com>
				</template>
				<div class="form-group">
					<div class="col-sm-offset-3 col-sm-6">
						<button type="button" style="width: 150px;" class="btn btn-base col-sm-3" @click="preStepCallback">{{preButtonTitle}}</button>
						<button type="button" style="width: 150px;margin-left: 30px;" class="btn btn-base col-sm-3" @click="gonextquest">{{nextButtonTitle}}</button>
					</div>
				</div>
			</form>
		</script>
		<script type="text/x-template" id="oneQuestion-template">
			<div class="itemQuestion">
				<!--输入框-->
				<div class="form-group" v-if="parent_data.current_question.ControlType==8">
					<div class="col-sm-6 col-sm-offset-3">
						<li class="title">{{parent_data.current_question.QuestionTitle}}？</li>
						<div class="content">
							<input type="number" class="form-control" name="workyear" v-model="parent_data.component_data.selectedValue" v-bind:placeholder="parent_data.current_question.PlaceHolder">
						</div>
					</div>
				</div>
				<!-单选-->
				<div class="form-group" v-if="parent_data.current_question.ControlType==3">
					<div class="col-sm-6 col-sm-offset-3">
						<li class="title">单选:{{parent_data.current_question.QuestionTitle}}？</li>
						<div class="content">
							<div class="checkbox" v-for="item in parent_data.current_question.AnswerOutputs">
								<label @click="change_radio(item)">
									<input type="radio" name="optionsRadios" v-model="parent_data.component_data.selectedValue" v-bind:value="item.ID">
   									{{item.AnswerItem}}
							</label>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group" v-if="parent_data.current_question.ControlType==4">
					<div class="col-sm-6 col-sm-offset-3">
						<li class="title">多选:{{parent_data.current_question.QuestionTitle}}？</li>
						<div class="content">
							<div class="checkbox" v-for="item in parent_data.current_question.AnswerOutputs">
								<label @click="change_radio(item)">
									<input type="checkbox" v-model="parent_data.component_data.selectedValue" v-bind:value="item.ID" >
										{{item.AnswerItem}}
							</label>
							</div>
						</div>
					</div>
				</div>
				<div class="form-group" v-if="parent_data.current_question.ControlType==9||parent_data.current_question.ControlType==10">
					<div class="col-sm-6 col-sm-offset-3">
						<asset_control :control_out="parent_data.control9_10_data.control_out" :parent_value="parent_data.control9_10_data.parent_value" :control_type="parent_data.current_question.ControlType"></asset_control>
					</div>
				</div>
			</div>
		</script>

		<script src="../src/jquery.js"></script>
		<script src="../src/js/jquery.nicescroll.js"></script>
		<script src="../src/vue.min.js"></script>
		<script src="../src/js/common-scripts.js"></script>
		<script src="../public/js/comm.js"></script>
		<script src="../src/js/bootstrap.min.js"></script>
		<script src="../src/vue.min.js"></script>
		<script src="special_question.js"></script>
		<script src="index.js"></script>

	</body>

</html>